<template>
    <div class="column">
        <div class="worth">
        <div>
            <div>
                <div class="picture">
                    <div style="width: 172.5px; height: 95.83px">
                        <img data-v-15b98390="" class="m-image" data-src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" lazy="loaded" style="width: 172.5px; height: 95.83px">
                    </div>
                    <div class="good">七月必买好物榜</div>
                    <div style="width: 171.5px; height: 8.5px;"></div>
                    <div class="look" style="width: 155.5px; height: 24px;">
                        <div class="userinfo">
                            <img data-v-15b98390="" class="m-userpic" data-src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" lazy="loaded" style="width: 24px; height: 24px;">
                            <!-- <div class="username">好物大赏</div> -->
                            <span class="username" >好物大赏</span>
                        </div>
                        <div class="upArea">
                            <img data-v-15b98390="" src="https://yanxuan.nosdn.127.net/5097bc5f2e1eb15f2a32b56895db073a.png" class="m-hand" style="width: 16px; height: 16px;">
                            <span class="upText" style="height: 16px; width: 26.7px">8819</span>
                        </div>
                    </div>
            </div>
            </div>
        </div>
        </div>
        <div class="worth">
        <div>
            <div>
                <div class="picture">
                    <div style="width: 172.5px; height: 95.83px">
                        <img data-v-15b98390="" class="m-image" data-src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" lazy="loaded" style="width: 172.5px; height: 95.83px">
                    </div>
                    <div class="good">网易严选618真香种草大会</div>
                    <div style="width: 171.5px; height: 8.5px;"></div>
                    <div class="look" style="width: 155.5px; height: 24px;">
                        <div class="userinfo">
                            <img data-v-15b98390="" class="m-userpic" data-src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" lazy="loaded" style="width: 24px; height: 24px;">
                            <!-- <div class="username">好物大赏</div> -->
                            <span class="username" >好物大赏</span>
                        </div>
                        <div class="upArea">
                            <img data-v-15b98390="" src="https://yanxuan.nosdn.127.net/5097bc5f2e1eb15f2a32b56895db073a.png" class="m-hand" style="width: 16px; height: 16px;">
                            <span class="upText" style="height: 16px; width: 26.7px">8819</span>
                        </div>
                    </div>
            </div>
            </div>
        </div>
        </div>
        <div class="worth">
        <div>
            <div>
                <div class="picture">
                    <div style="width: 172.5px; height: 95.83px">
                        <img data-v-15b98390="" class="m-image" data-src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" lazy="loaded" style="width: 172.5px; height: 95.83px">
                    </div>
                    <div class="good">七月必买好物榜</div>
                    <div style="width: 171.5px; height: 8.5px;"></div>
                    <div class="look" style="width: 155.5px; height: 24px;">
                        <div class="userinfo">
                            <img data-v-15b98390="" class="m-userpic" data-src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" lazy="loaded" style="width: 24px; height: 24px;">
                            <!-- <div class="username">好物大赏</div> -->
                            <span class="username" >好物大赏</span>
                        </div>
                        <div class="upArea">
                            <img data-v-15b98390="" src="https://yanxuan.nosdn.127.net/5097bc5f2e1eb15f2a32b56895db073a.png" class="m-hand" style="width: 16px; height: 16px;">
                            <span class="upText" style="height: 16px; width: 26.7px">8819</span>
                        </div>
                    </div>
            </div>
            </div>
        </div>
        </div>
        <div class="worth">
        <div>
            <div>
                <div class="picture">
                    <div style="width: 172.5px; height: 95.83px">
                        <img data-v-15b98390="" class="m-image" data-src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" lazy="loaded" style="width: 172.5px; height: 95.83px">
                    </div>
                    <div class="good">七月必买好物榜</div>
                    <div style="width: 171.5px; height: 8.5px;"></div>
                    <div class="look" style="width: 155.5px; height: 24px;">
                        <div class="userinfo">
                            <img data-v-15b98390="" class="m-userpic" data-src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" lazy="loaded" style="width: 24px; height: 24px;">
                            <!-- <div class="username">好物大赏</div> -->
                            <span class="username" >好物大赏</span>
                        </div>
                        <div class="upArea">
                            <img data-v-15b98390="" src="https://yanxuan.nosdn.127.net/5097bc5f2e1eb15f2a32b56895db073a.png" class="m-hand" style="width: 16px; height: 16px;">
                            <span class="upText" style="height: 16px; width: 26.7px">8819</span>
                        </div>
                    </div>
            </div>
            </div>
        </div>
        </div>
        <div class="worth">
        <div>
            <div>
                <div class="picture">
                    <div style="width: 172.5px; height: 95.83px">
                        <img data-v-15b98390="" class="m-image" data-src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" lazy="loaded" style="width: 172.5px; height: 95.83px">
                    </div>
                    <div class="good">七月必买好物榜</div>
                    <div style="width: 171.5px; height: 8.5px;"></div>
                    <div class="look" style="width: 155.5px; height: 24px;">
                        <div class="userinfo">
                            <img data-v-15b98390="" class="m-userpic" data-src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" lazy="loaded" style="width: 24px; height: 24px;">
                            <!-- <div class="username">好物大赏</div> -->
                            <span class="username" >好物大赏</span>
                        </div>
                        <div class="upArea">
                            <img data-v-15b98390="" src="https://yanxuan.nosdn.127.net/5097bc5f2e1eb15f2a32b56895db073a.png" class="m-hand" style="width: 16px; height: 16px;">
                            <span class="upText" style="height: 16px; width: 26.7px">8819</span>
                        </div>
                    </div>
            </div>
            </div>
        </div>
        </div>
        <div class="worth">
        <div>
            <div>
                <div class="picture">
                    <div style="width: 172.5px; height: 95.83px">
                        <img data-v-15b98390="" class="m-image" data-src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" src="https://yanxuan.nosdn.127.net/static-union/16564097538f53a1.jpg?imageView&amp;thumbnail=345y191.66666666666669&amp;quality=85" lazy="loaded" style="width: 172.5px; height: 95.83px">
                    </div>
                    <div class="good">七月必买好物榜</div>
                    <div style="width: 171.5px; height: 8.5px;"></div>
                    <div class="look" style="width: 155.5px; height: 24px;">
                        <div class="userinfo">
                            <img data-v-15b98390="" class="m-userpic" data-src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" src="http://yanxuan.nosdn.127.net/3769578a6595d8e3c61d1186123141e0.png?imageView&amp;quality=65&amp;thumbnail=48y48" lazy="loaded" style="width: 24px; height: 24px;">
                            <!-- <div class="username">好物大赏</div> -->
                            <span class="username" >好物大赏</span>
                        </div>
                        <div class="upArea">
                            <img data-v-15b98390="" src="https://yanxuan.nosdn.127.net/5097bc5f2e1eb15f2a32b56895db073a.png" class="m-hand" style="width: 16px; height: 16px;">
                            <span class="upText" style="height: 16px; width: 26.7px">8819</span>
                        </div>
                    </div>
            </div>
            </div>
        </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "",
}
</script>

<style scoped>
* {
    margin: 0;
    padding: 0;
    
}
.column {
    width: 100%;
    float: left;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.worth {
    width: 172.5px;
    /* height: 177.83px; */
    /* border: 1px solid white; */
    background: white;
    border-radius: 8px;
    /* align-items: center; */
    box-sizing: border-box;
    display: flex;
}
.worth .picture .good {
    font-size: 14px;
    background: #fff;
    padding: 9px 8px 0;
    color: #000;
    
}
.worth .picture .m-image{
    border-radius: 8px;

}
.worth .picture .look {
    display: flex;
    padding: 8.5px 8px 12px;
    
}
.worth .picture .look .userinfo .username {
    height: 24px;
    width: 48px;
    color: #7f7f7f;
    font-size: 12px;
    /* overflow: hidden; */
    margin:0px 0px 0px 4px;
    line-height: 24px;
    text-align: center;
    
}
/* .worth .picture .look .upArea {
    display: flex;
    width: 50px;
    height: 24px;
    text-align: center;
    
} */
.worth .picture .look .upArea .upText {
    color: #7f7f7f;
    margin: 0px 0px 0px 1px;
    width: 26.7px;
    height: 16px;
    font-size: 12px;
    
}
</style>